<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="user-scalable=no,width=device-width,initial-scale=1,maximum-scale=1">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<link href="css/sweetalert.css" rel="stylesheet">
<link href="css/application.css" rel="stylesheet">
<title>商城</title>
</head>
<body>
<nav id="menu" >
	<ul class="menu">
		<li><a href="#"><img src="img/icons/glass.png">眼镜</a>
			<ul>
				<li><a href="list.html">男士</a></li>
				<li><a href="list.html">女士</a></li>
			</ul>
		</li>
		<li><a href="#"><img src="img/icons/mc.png">男装</a>
			<ul>
				<li><a href="list.html">大衣</a></li>
				<li><a href="list.html">西裤</a></li>
			</ul>
		</li>
		<li><a href="#"><img src="img/icons/od.png">户外</a>
			<ul>
				<li><a href="list.html">户外鞋</a></li>
			</ul>
		</li>
	</ul>
</nav>
<div class="mmenu-page">
<header>
	<div class="headerbar">
		<h1>首页</h1>
		<a class="navbar-toggle" type="button" href="#menu">
    	<span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
		</a>
	</div>
</header>
<div class="slide">
	<ul>
		<li><a href="detail.html"><img src="resource/banner0.png" /></a></li>
		<li><a href="detail.html"><img src="resource/banner1.png" /></a></li>
		<li><a href="detail.html"><img src="resource/banner2.png" /></a></li>
		<li><a href="detail.html"><img src="resource/banner3.png" /></a></li>
		<li><a href="detail.html"><img src="resource/banner4.png" /></a></li>
	</ul>
	<div class="dot">
		<span></span>
		<span></span>
		<span></span>
		<span></span>
		<span></span>
	</div>
</div>
<section>
	<div class="category">
		<h2>男士专区</h2>
		<div class="thumbnail">
			<a href="detail.html">
				<img src="resource/1.png">
				<div class="caption">
					<h3>声波牙刷·澎湃</h3>
					<p>再见上世纪的手刷方式</p>
					<p>再见上世纪的手刷方式</p>
					<div class="price">
						1100<i>元</i>
					</div>
				</div>
			</a>
		</div>
		<div class="thumbnail">
			<a href="detail.html">
				<img src="resource/1.png">
				<div class="caption">
					<h3>声波牙刷·澎湃</h3>
					<p>再见上世纪的手刷方式</p>
					<p>再见上世纪的手刷方式</p>
					<div class="price">
						11200<i>元</i>
					</div>
				</div>
			</a>
		</div>
		<div class="thumbnail">
			<a href="detail.html">
				<img src="resource/1.png">
				<div class="caption">
					<h3>声波牙刷·澎湃</h3>
					<p>再见上世纪的手刷方式</p>
					<p>再见上世纪的手刷方式</p>
					<div class="price">
						100<i>元</i>
					</div>
				</div>
			</a>
		</div>
		<div class="thumbnail">
			<a href="detail.html">
				<img src="resource/1.png">
				<div class="caption">
					<h3>声波牙刷·澎湃</h3>
					<p>再见上世纪的手刷方式</p>
					<p>再见上世纪的手刷方式</p>
					<div class="price">
						29<i>元</i>
					</div>
				</div>
			</a>
		</div>
	</div>
</section>

<footer>
	<div class="footheight"></div>
	<div class="row footbar">
		<a class="col-4 text-center active" href="index.html" ><span class="icon-home"></span>首页</a>
		<a class="col-4 text-center" href="cart.html" ><span class="icon-cart2"></span>购物车</a>
		<a class="col-4 text-center" href="profile.html" ><span class="icon-user2"></span>我的必要</a>
	</div>
</footer>
</div>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/swipeSlide.min.js" type="text/javascript"></script>
<script src="js/sweetalert.min.js" type="text/javascript"></script>
<script src="js/jquery.touchSwipe.min.js"  type="text/javascript" ></script>
<script src="js/jquery.mmenu.min.js" type="text/javascript"></script>
<script src="js/application.js" type="text/javascript"></script>
<script>
$(function(){
	$('nav#menu').mmenu({
					position:"left",
					slidingSubmenus:false,
					navbar: {
            "add": false
         },
				 onClick:{
					 preventDefault:false,
					 close:false
				 }
  });


	$(document).on("click","nav.mmenu",function(e){
		var target  = $(e.target);
		if(target.closest("ul.menu").length == 0 ){
			 $(".navbar-toggle").trigger("click")
		}
	});
});
</script>
</body>
</html>
